<template>
  <div>
    <HeaderView></HeaderView>
    <RouterView></RouterView>
  </div>
</template>

<script setup lang="ts">
import { provide, ref } from 'vue'
import HeaderView from '@/views/HeaderView.vue'
import { showModalKey, keywordsKey } from '@/keys'

const isShowModal = ref<boolean>(false)
const setShowModal = (value: boolean) => {
  isShowModal.value = value
}
provide(showModalKey, {
  isShowModal,
  setShowModal
})

const keywords = ref<string>('')
const setKeywords = (value: string) => {
  keywords.value = value
}
provide(keywordsKey, {
  keywords,
  setKeywords
})
</script>

<style lang="stylus" scoped>

</style>